$(function () {
    // alert(2)
    const layer = layui.layer
    layui.use('form', function () { //此段代码必不可少
        var form = layui.form;
        form.render();
    });

    // 状态过滤函数
    template.defaults.imports.stateFormat = function (val) {
        return val === 1 ? '启售' : '停售'
    }

    // 反状态过滤函数
    template.defaults.imports.noFormat = function (val) {
        return val === 1 ? '停售' : '启售'
    }

    const q = {
        page: 1,
        pageSize: 10,
        cate_id: '',
        state: ''
    }
    render()
    //渲染页面
    function render() {
        $.ajax({
            url: 'http://121.4.102.44:8083/setmeal/page',
            data: q,
            success(res) {
                console.log(res);
                if (res.data.total < 1) {
                    $('.pl-failbox').show()
                    $('tbody').hide()
                } else {
                    $('.pl-failbox').hide()
                    $('tbody').show()
                    let htmlStr = template('tpl', res.data)
                    $('tbody').html(htmlStr)
                    renderPage(res.data.total)
                }

            }
        })

    }

    // 分页
    //分页
    function renderPage(total) {
        layui.laypage.render({
            //存放盒子的id，没有#
            elem: 'pageBox',
            //数据的总数
            count: total,
            //每页显示的条数
            limit: q.pageSize,
            prev: '<',
            next: '>',
            //当前的页码
            curr: q.page,
            //自定义分页按钮的排版
            layout: ['count', 'limit', 'prev', 'page', 'next', 'skip',],
            //设置内页显示的条数（下拉列表选项）
            limits: [10, 20, 30, 40],
            jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：
                //console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数
                // console.log(first);
                //首次不执行
                if (!first) {
                    //do something
                    //修改查询参数q
                    q.page = obj.curr
                    //获取当前内页显示的条数
                    q.pageSize = obj.limit
                    //getArticleList()
                    render()
                }
            }
        })
        //console.log(q.pagesize);
    }

    // 点击停售 启售 弹出弹出层 切换状态
    $('tbody').on('click', '.btnEdit', function () {
        let status = $(this).attr('data-status')
        // status = JSON.parse(status)
        const ids = $(this).attr('data-id')
        if (status == 1) {
            status = 0
            // $('.btnEdit').html('停售')
        } else if (status == 0) {
            status = 1
            // $('.btnEdit').html('启售')
        }
        layer.confirm('确认修改状态？', {
            icon: 7,
            title: '提示'
        }, function (index) {

            $.ajax({
                method: 'post',
                // http://121.4.102.44:8083/setmeal/status/0?ids=1533022228118093825
                url: 'http://121.4.102.44:8083/setmeal/status/' + status + '?ids=' + ids,
                success(res) {
                    if (res.code != 1) {
                        return layer.msg(res.msg)
                    }
                    // layer.msg(res.msg)
                    searchList()
                }
            })
            $('.checkall').prop('checked', false)
            layui.layer.close(index);
        })

    })

    //点击单个删除 
    $('tbody').on('click', '.delshop', function () {
        let id = $(this).attr('data-id')
        layer.confirm('确定是否删除该套餐，是否继续？', {
            icon: 3,
            title: '提示'
        }, function (index) {

            $.ajax({
                method: 'delete',
                url: 'http://121.4.102.44:8083/setmeal?ids=' + id,
                success(res) {
                    console.log(res);
                    if (res.code !== 1) {
                        return layer.msg(res.msg)

                    }
                    searchList()

                }
            })

            layui.layer.close(index);
        })

    })

    // 点击全选框
    $(".checkall").change(function () {
        // console.log($(this).prop("checked"));
        $(".j-checkbox, .checkall").prop("checked", $(this).prop("checked"));

    });

    // 2. 如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。
    $('tbody').on('change', '.j-checkbox', function () {
        // alert(2)
        if ($(".j-checkbox:checked").length === $(".j-checkbox").length) {
            $(".checkall").prop("checked", true);
        } else {
            $(".checkall").prop("checked", false);
        }
    })

    //批量删除
    $('#delall').on('click', function () {
        let arr = [];
        let joarr = []
        $("tbody input:checkbox:checked").each(function (i) {
            joarr.push($(this).attr('data-id'));
            if ($(this).attr('data-status') == 0) {
                arr.push($(this).attr('data-id'));
            }
        });
        console.log(arr);
        if (arr.length < 1) {
            return layui.layer.msg('请您重新选择', {
                icon: 5
            })
        }

        // console.log(arr.join(','));
        let id = arr.join(',')
        layer.confirm('确定是否删除该套餐，是否继续？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            $.ajax({
                method: 'delete',
                url: 'http://121.4.102.44:8083/setmeal?ids=' + id,

                success(res) {
                    console.log(res);
                    if (res.code !== 1) {
                        return layer.msg(res.msg)
                    } else if (arr.length !== joarr.length) {
                        layer.msg('已删除停售套餐', {
                            icon: 6
                        })
                    }
                }
            })
            $('.checkall').prop('checked', false)
            searchList()
            layui.layer.close(index);
        })

    })

    //批量启售 
    $('#strshopall').on('click', function () {
        let arr = [];

        $("tbody input:checkbox:checked").each(function (i) {

            if ($(this).attr('data-status') == 0) {
                arr.push($(this).attr('data-id'));
            }
        })
        // console.log(arr);
        if (arr.length < 1) {
            return layui.layer.msg('批量操作,请先勾选操作菜品！', {
                icon: 5
            })
        }

        // console.log(arr.join(','));
        let id = arr.join(',')
        layer.confirm('确定更改该套餐状态，是否继续？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            $.ajax({
                method: 'post',
                // http://121.4.102.44:8083/setmeal/status/0?ids=1533022228118093825
                url: 'http://121.4.102.44:8083/setmeal/status/1?ids=' + arr,
                success(res) {
                    if (res.code != 1) {
                        return layer.msg(res.msg)
                    }
                    // layer.msg(res.msg)

                }
            })
            $('.checkall').prop('checked', false)
            searchList()
            layui.layer.close(index);

        })
    })

    //批量停售
    $('#stopshopall').on('click', function () {
        let arr = [];

        $("tbody input:checkbox:checked").each(function (i) {

            if ($(this).attr('data-status') == 1) {
                arr.push($(this).attr('data-id'));
            }
        })
        if (arr.length < 1) {
            return layui.layer.msg('批量操作,请先勾选操作菜品！', {
                icon: 5
            })
        }

        // console.log(arr.join(','));
        let id = arr.join(',')
        layer.confirm('确定更改该套餐状态，是否继续？', {
            icon: 3,
            title: '提示',
        }, function (index) {
            $.ajax({
                method: 'post',
                // http://121.4.102.44:8083/setmeal/status/0?ids=1533022228118093825
                url: 'http://121.4.102.44:8083/setmeal/status/0?ids=' + arr,
                success(res) {
                    if (res.code != 1) {
                        return layer.msg(res.msg)
                    }
                    // layer.msg(res.msg)

                }
            })
            $('.checkall').prop('checked', false)
            searchList()
            layui.layer.close(index);

        })
    })

    //搜索
    $('.pl-img i').on('click', function () {
        searchList()
    })


    //搜索功能函数
    function searchList() {
        let val = $('#searchList').val().trim()
        // console.log(val);
        $.ajax({
            method: 'get',
            url: 'http://121.4.102.44:8083/setmeal/page?page=1&pageSize=' + q.pageSize + '&name=' + val,
            success(res) {
                // console.log(res);
                if (res.data.total < 1) {
                    $('.pl-failbox').show()
                    $('tbody').hide()
                } else {
                    $('.pl-failbox').hide()
                    $('tbody').show()
                    let htmlStr = template('tpl', res.data)
                    $('tbody').html(htmlStr)
                    renderPage(res.data.total)
                }
            }
        })
    }
    // //新建套餐
    // $('.addCate').on('click', function () {
    //     location.href = '/pages/camboadd.html'
    // })
    // onClick="goBack(window.location.hash.indexOf('add') > -1?'dishes':'cambo')"
    if (window.location.hash.indexOf('camboadd') > -1) {
        document.querySelector(
            ".current-page"
        ).innerHTML = `
  <span class="back" style="cursor:pointer;font-weight:100;">
   <i class="layui-icon layui-icon-return"></i>
   <span class="return">返回</span>
  </span>
  <span style="padding:0 10px;">|</span>
  <span class="location">${window.location.hash.indexOf('cabmoadd') > -1 ? '新建套餐' : '修改菜品'}</span>
  `
    }


})


